<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<title>OYA</title>
	<link rel="stylesheet" type="text/css" href="libs/font-awesome-4.6.3/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="libs/Swiper-3.3.1/dist/css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="libs/css/index.css"/>
	
	<script src="libs/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="libs/Swiper-3.3.1/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="libs/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="libs/iscroll/build/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
	<script src="libs/js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div id="loading">
		<div class="lodingBox">
			<div class="lodingBall ball1"></div>
			<div class="lodingBall ball2"></div>
			<div class="lodingBall ball3"></div>
		</div>
	</div>
	<div id="container">
		<div id="backToTop">
			<span class="fa fa-arrow-up fa-1x"></span>
		</div>
		<header>
			<h1>OYA商城</h1>
			<span class="fa fa-search"></span>
		</header>
		<div id="centerContainer">
			<div id="scroller">
				<div id="banner">
					<div class="swiper-container">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide"><img src="libs/images/1.jpg"/></div>
				            <div class="swiper-slide"><img src="libs/images/2.jpg"/></div>
				            <div class="swiper-slide"><img src="libs/images/3.jpg"/></div>
				        </div>
				        <!-- Add Pagination -->
				        <div class="swiper-pagination"></div>
				    </div>
				</div>
				<div class="classifyTitle">
					<img src="libs/images/49.jpg"/>
				</div>
				<div class="classify">
					<div class="top"><a href="womenZuzuiList.html"><img src="libs/images/31.jpg"/></a></div>
					<div class="clear"></div>
					<div class="clear"></div>
					<div class="clear"></div>
					<div class="clear"></div>
					<div class="bottom">
						<div><a href="#"><img src="libs/images/27.jpg"/></a></div>
						<div><a href="#"><img src="libs/images/28.jpg"/></a></div>
					</div>
					<div class="bottom">
						<div><img src="libs/images/29.jpg"/></div>
						<div><img src="libs/images/30.jpg"/></div>
					</div>
					<div class="bottom">
						<div><img src="libs/images/27.jpg"/></div>
						<div><img src="libs/images/32.jpg"/></div>
					</div>
					<div class="bottom">
						<div><img src="libs/images/33.jpg"/></div>
						<div><img src="libs/images/34.jpg"/></div>
					</div>
					<div class="clear"></div>
					<div class="clear"></div>
					<div class="clear"></div>
					<div class="top"><img src="libs/images/50.jpg"/></div>
					<div class="top"><img src="libs/images/51.jpg"/></div>
					<div class="top"><img src="libs/images/52.jpg"/></div>
					<div class="top"><img src="libs/images/53.jpg"/></div>	
				</div>
				<div class="recommend">
					<img src="libs/images/26.jpg"/>
					<div class="recommendBox">
						<img src="libs/images/5.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/1.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/2.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/3.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/4.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/5.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/6.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/7.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/8.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/9.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
					<div class="recommendBox">
						<img src="libs/images/10.jpg"/>
						<h4>拱辰享雪美白精华套装</h4>
						<h4>¥120</h4>
					</div>
				</div>
			</div>
			
		</div>
		<div id="footer">
				
		</div>
	</div>
</body>
</html>